button{
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align:left;
  background-color: rgba(255,255,255,0);
}
button:after{
  border: none;
}
image{
  display: block;
}
.button-hover,.navigator-hover{
  background: none;
  opacity: 1;
}
.red{
  display: inline;
  color: #999999;
  //color: #ff0000;
}
.GreamList{
  width: 670rpx;
  height: 154rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  .GreamPortrait{
    width: 124rpx;
    height: 124rpx;
    border-radius: 30rpx;
    overflow: hidden;
    image{
      width: 124rpx;
      height: 124rpx;
      //background-color: #aaaaaa;
    }
  }
  .GreamInfor{
    width: 520rpx;
    height: 154rpx;
    border-bottom: #d2d2d2 1rpx solid;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    .rank{
      width: 54rpx;
      height: 71rpx;
      margin-right: 20rpx;
      display: flex;
      flex-direction: column;
      align-items: center;
      image{
        width: 54rpx;
        height: 71rpx;
      }
      view{
        text-align: center;
        font-size: 35rpx;
        line-height: 35rpx;
        color: #ff6600;
      }
    }
    .Gream{
      flex: 1;
      .bigTitle{
        margin-bottom: 30rpx;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        .view{
          font-size: 32rpx;
          line-height: 32rpx;
          color: #333333;
          display: flex;
          flex-direction: row;
          align-items: center;
          .redBag{
            margin-left: 12rpx;
            width: 31rpx;
            height: 33rpx;
          }
          .gift{
            margin-left: 15rpx;
            width: 34rpx;
            height: 32rpx;
          }
        }
        .view2{
          font-size: 24rpx;
          line-height: 24rpx;
          color: #999999;
        }
      }
      .Subtitle{
        font-size: 26rpx;
        line-height: 26rpx;
        width: 360rpx;
        color: #999999;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
      }
      .Subtitle2{
        font-size: 26rpx;
        line-height: 26rpx;
        width: 286rpx;
        color: #999999;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
      }
    }
    .StartGream{
      width: 148rpx;
      height: 58rpx;
      border-radius: 29rpx;
      font-size: 28rpx;
      color: #ffffff;
      text-align: center;
      line-height: 58rpx;
      background-color: #ff7800;
      margin-left: 20rpx;
    }
  }
}
.GreamList:last-child{
  .GreamInfor{
    border-bottom: none;
  }
}
.index{
  .Nominate{
    width: 750rpx;
    height: 470rpx;
    swiper-item{
      width: 690rpx !important;
      height: 470rpx !important;
      margin-left: 20rpx;
      .Nomin{
        width: 670rpx;
        height: 470rox;
        padding-top: 20rpx;
        box-sizing: border-box;
        margin-left: auto;
        .title{
          font-size: 32rpx;
          line-height: 32rpx;
          color: #333333;
          margin-bottom: 20rpx;
        }
        .Subtitle{
          font-size: 26rpx;
          line-height: 26rpx;
          color: #999999;
          margin-bottom: 20rpx;
        }
        .PropagandaMap{
          width: 670rpx;
          height: 335rpx;
          border-radius: 30rpx;
          overflow: hidden;
          image{
            width: 670rpx;
            height: 335rpx;
            //background-color: #aaaaaa;
          }
        }
      }
    }
  }
  .Headlines{
    width: 670rpx;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 30rpx;
    margin-bottom: 15rpx;
    view:nth-child(1){
      font-size: 36rpx;
      line-height: 36rpx;
      color: #333333;
    }
    view:nth-child(2){
      font-size: 30rpx;
      line-height: 30rpx;
      color: #999999;
    }
    navigator{
      font-size: 30rpx;
      line-height: 30rpx;
      color: #999999;
    }
    button{
      font-size: 30rpx;
      line-height: 30rpx;
      color: #999999;
    }
  }
  .HotGream{
    width: 750rpx;
    height: 464rpx;
    margin-bottom: 15rpx;
    swiper-item{
      width: 670rpx !important;
      height: 464rpx !important;
      margin-left: 40rpx;
      padding-right: 20rpx;
    }
  }
  .Hotting{
    width: 750rpx;
    height: 210rpx;
    margin-bottom: 30rpx;
    swiper-item{
      width: 670rpx !important;
      height: 210rpx !important;
      margin-left: 40rpx;
      padding-right: 20rpx;
      navigator{
        width: 670rpx;
        height: 210rpx;
        border-radius: 30rpx;
        overflow: hidden;
        image{
          width: 670rpx;
          height: 210rpx;
          background-color: #aaaaaa;
        }
      }
    }
  }
  .NewNominate{
    width: 750rpx;
    height: 340rpx;
    swiper-item{
      width: 670rpx !important;
      height: 340rpx !important;
      margin-left: 40rpx;
      padding-right: 20rpx;
      .NominateList{
        width: 670rpx !important;
        height: 340rpx !important;
        padding-bottom: 10rpx;
        display: flex;
        flex-direction: row;
        align-items: center;
        //justify-content: space-between;
        flex-wrap: wrap;
        box-sizing: border-box;
        navigator{
          width: 210rpx;
          margin-right: 20rpx;
          .NominateIcon{
            width: 210rpx;
            height: 210rpx;
            border-radius: 40rpx;
            overflow: hidden;
            margin-bottom: 15rpx;
            image{
              width: 210rpx;
              height: 210rpx;
              //background-color: #aaaaaa;
            }
          }
          .HeadTitle{
            font-size: 32rpx;
            line-height: 32rpx;
            text-align: center;
            color: #333333;
            margin-bottom: 20rpx;
          }
          .Subtitle{
            font-size: 26rpx;
            line-height: 26rpx;
            color: #999999;
            text-align: center;
          }
        }
        navigator:last-child{
          margin-right: 0;
        }
      }
    }

  }
  .xian{
    width: 670rpx;
    height: 1rpx;
    background-color: #d2d2d2;
    margin-right: auto;
    margin-left: auto;
  }
  .Gream{
    width: 670rpx;
    margin-left: auto;
    margin-right: auto;
  }
  .float{
    width: 165rpx;
    height: 80rpx;
    position: fixed;
    bottom: 115rpx;
    left: 0;
    .floatnu{
      width: 165rpx;
      height: 80rpx;
      position: relative;
      .floatIcon{
        animation-name: myfirst;
        animation-delay:-2s;
        animation-duration: 0.8s;
        animation-iteration-count:infinite;
        animation-direction:alternate;
        animation-timing-function:linear;
        position: relative;
        width: 165rpx;
        height: 80rpx;
      }
      @keyframes myfirst
      {
       0% {left: 0;}
       100% {left: -20rpx;}
      }
      .Project-box{
        width: 300rpx;
        height: 154rpx;
        background-color: #ffffff;
       /* background-image: url(http://pa5do7tud.bkt.clouddn.com/image/pc_05.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 312rpx 185rpx;*/
        position: absolute;
        top: -177rpx;
        right: -200rpx;
        margin-left: -170rpx;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-right: 35rpx;
        padding-left: 35rpx;
        box-sizing: border-box;
        border-radius: 11rpx;
        border:#cccccc 1rpx solid;
        box-shadow: 0 4rpx 10rpx rgba(48,26,1,0.23);
        navigator{
          width: 230rpx;
          display: block;
          height: 76rpx;
          font-size: 30rpx;
          color: #333333;
          text-align: center;
          line-height: 76rpx;
        }
        navigator:first-child{
          border-bottom:#cccccc 1rpx solid;
        }
        .boxIcon{
          width: 36rpx;
          height: 17rpx;
          position: absolute;
          bottom:-16rpx;
          left: 30rpx;
        }
      }
    }
  }
}
.root{
  width: 100%;
  height: 123rpx;
  background-color: #f3f3f3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 24rpx;
  line-height: 24rpx;
  color: #999999;
  margin-top: 15rpx;
  view:first-child{
    margin-bottom: 15rpx;
  }
}
.MemterCenter,.ranking,.MoreList{
  padding-top: 144rpx;
  .tabBj{
    position: fixed;
    top:0;
    background-color: #ffffff;
    width: 100%;
    height: 144rpx;
    padding-top: 30rpx;
    padding-bottom: 30rpx;
    box-sizing: border-box;
    .tab{
      width: 670rpx;
      height: 88rpx;
      display: flex;
      margin-left: auto;
      margin-right: auto;
      //margin-bottom: 30rpx;
      view{
        flex: 1;
        font-size: 32rpx;
        color: #333333;
        background-color: #f8f8f8;
        text-align: center;
        line-height: 88rpx;
        border: #d2d2d2 1rpx solid;
        border-right: none;
      }
      view:first-child{
        border-top-left-radius: 10rpx;
        border-bottom-left-radius: 10rpx;
      }
      view:last-child{
        border-top-right-radius: 10rpx;
        border-bottom-right-radius: 10rpx;
        border-right: #d2d2d2 1rpx solid;
      }
      .action{
        border: #ff7800 1rpx solid;
        background-color: #ff7800;
        color: #ffffff;
      }
    }
  }
  .adv{
    width: 670rpx;
    height: 210rpx;
    border-radius: 30rpx;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15rpx;
    image{
      width: 670rpx;
      height: 210rpx;
      background-color: #aaaaaa;
    }
  }
  .Gream{
    width: 670rpx;
    margin-left: auto;
    margin-right: auto;
  }
}
.Selected{
  padding-top: 30rpx;
  padding-bottom: 60rpx;
  .SelectedList{
    width: 670rpx;
    height: 824rpx;
    border-radius: 30rpx;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60rpx;
    box-shadow: 0 20rpx 28rpx rgba(0,0,0,0.1);
    .PropagandaPic{
      width: 670rpx;
      height: 666rpx;
      overflow: hidden;
      image{
        width: 670rpx;
        height: 666rpx;
        background-color: #aaaaaa;
      }
    }
    .Gamelist{
      width: 670rpx;
      height: 158rpx;
      padding: 30rpx;
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      .GameInfor{
        display: flex;
        flex-direction: row;
        align-items: center;
        .GameIcon{
          width: 96rpx;
          height: 96rpx;
          border-radius: 20rpx;
          overflow: hidden;
          margin-right: 20rpx;
          image{
            width: 96rpx;
            height: 96rpx;
            background-color: #aaaaaa;
          }
        }
        .GameText{
          display: flex;
          flex-direction: column;
          justify-content: center;
          .GameName{
            font-size: 30rpx;
            line-height: 30rpx;
            color: #333333;
            margin-bottom: 12rpx;
          }
          .GameTitle{
            font-size: 28rpx;
            line-height: 28rpx;
            color: #999999;
          }
        }
      }
      .GreamButton{
        width: 156rpx;
        height: 60rpx;
        border-radius: 30rpx;
        background-color: #ff7800;
        color: #ffffff;
        font-size: 28rpx;
        text-align: center;
        line-height: 60rpx;
      }
    }
  }
  .SelectedList:last-child{
    margin-bottom: 0;
  }
}
.MemterCenter{
  padding-top: 50rpx;
  padding-bottom: 15rpx;
  .memterTop{
    width: 670rpx;
    height: 360rpx;
    border-radius: 20rpx;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 670rpx 360rpx;
    box-shadow: 0 10rpx 18rpx rgba(255,102,0,0.35);
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40rpx;
    .portrait{
      width: 118rpx;
      height: 118rpx;
      border-radius: 64rpx;
      overflow: hidden;
      border: #ffffff 5rpx solid;
      margin-top: -40rpx;
      image{
        width: 118rpx;
        height: 118rpx;
        background-color: #aaaaaa;
      }
    }
    .userinfo{
      width: 100%;
      height: 140rpx;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-top: 12rpx;
      box-sizing: border-box;
      .userinfo-nickname{
        font-size: 28rpx;
        line-height: 28rpx;
        color: #ffffff;
        margin-bottom: 30rpx;
      }
      .userCoin{
        display: flex;
        flex-direction:row;
        align-items: center;
        justify-content: center;
        font-size: 28rpx;
        line-height: 28rpx;
        color: #ffffff;
        margin-bottom: 35rpx;
        image{
          width: 40rpx;
          height: 39rpx;
          margin-right: 6rpx;
        }
      }
      .login{
        width: 160rpx;
        height: 60rpx;
        font-size: 26rpx;
        background-color: #fed200;
        text-align: center;
        line-height: 60rpx;
        color: #ffffff;
        border-radius: 60rpx;
        margin-right: auto;
        margin-left: auto;
      }
    }
    .memterFunction{
      display: flex;
      flex-direction: row;
      align-items: center;
      .Function{
        width: 300rpx;
        height: 110rpx;
        background-color: #f7f7f7;
        border-radius: 10rpx;
        padding-left: 20rpx;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 129rpx 103rpx;
        view:nth-child(1){
          font-size: 30rpx;
          line-height: 30rpx;
          margin-bottom: 15rpx;
          color: #333333;
        }
        view:nth-child(2){
          font-size: 26rpx;
          line-height: 26rpx;
          color: #999999;
        }
      }
    }
  }
  .tab{
    width: 670rpx;
    height: 88rpx;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0rpx;
    view{
      flex: 1;
      font-size: 32rpx;
      color: #333333;
      background-color: #f8f8f8;
      text-align: center;
      line-height: 88rpx;
      border: #d2d2d2 1rpx solid;
    }
    view:first-child{
      border-top-left-radius: 10rpx;
      border-bottom-left-radius: 10rpx;
      border-right: none;
    }
    view:last-child{
      border-top-right-radius: 10rpx;
      border-bottom-right-radius: 10rpx;
      border-left: none;
    }
    button{
      flex: 1;
      font-size: 32rpx;
      color: #333333;
      background-color: #f8f8f8;
      text-align: center;
      line-height: 88rpx;
      border: #d2d2d2 1rpx solid;
      border-top-right-radius: 10rpx;
      border-bottom-right-radius: 10rpx;
      border-left: none;
    }
    .action{
      border: #ff7800 1rpx solid;
      background-color: #ff7800;
      color: #ffffff;
    }
  }
  .taskList{
    width: 670rpx;
    margin-right: auto;
    margin-left: auto;
    padding-top: 15rpx;
    padding-bottom: 15rpx;
    .task{
      width: 670rpx;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      .taskIcon{
        width: 110rpx;
        height: 110rpx;
      }
      .taskInfor{
        width: 520rpx;
        height: 154rpx;
        border-bottom: #d2d2d2 1rpx solid;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        .tasktext{
          .tasktitle{
            font-size: 32rpx;
            line-height: 32rpx;
            color: #333333;
            margin-bottom: 30rpx;
          }
          .taskSubtitle{
            font-size: 26rpx;
            line-height: 26rpx;
            color: #999999;
          }
        }
        .taskButton{
          width: 200rpx;
          height: 58rpx;
          border-radius: 29rpx;
          border: #ff7800 2rpx solid;
          text-align: center;
          line-height: 58rpx;
          font-size: 26rpx;
          color: #ff7800;
        }
        .taskButton2{
          width: 200rpx;
          height: 58rpx;
          border-radius: 29rpx;
          border: #999999 2rpx solid;
          text-align: center;
          line-height: 58rpx;
          font-size: 26rpx;
          color: #999999;
        }
      }
    }
    .task:last-child{
      .taskInfor{
        border-bottom: none;
      }
    }
  }
  .Gream2{
    width: 670rpx;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15rpx;
    padding-bottom: 15rpx;
  }
}
.mask{
  width: 100%;
  height: 100%;
  position: fixed;
  top:0;
  background-color: rgba(0,0,0,0.7);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  .SignIn{
    width: 665rpx;
    height: 730rpx;
    //overflow: hidden;
    position: relative;
    .SignTitle{
      width: 665rpx;
      height: 100rpx;
      background-color: #ffddbd;
      text-align: center;
      line-height: 100rpx;
      color: #333333;
      font-size: 36rpx;
      border-top-left-radius: 20rpx;
      border-top-right-radius: 20rpx;
    }
    .SignBox{
      width: 665rpx;
      height: 630rpx;
      display: flex;
      flex-direction: column;
      align-items: center;
      background-color: #ffffff;
      border-bottom-left-radius: 20rpx;
      border-bottom-right-radius: 20rpx;
      padding-top: 60rpx;
      box-sizing: border-box;
      .Sign{
        width: 580rpx;
        height: 74rpx;
        margin-bottom: 44rpx;
        .SignBg{
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-between;
          .SignW{
            width: 74rpx;
            height: 74rpx;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            z-index: 2;
            position: relative;
            image{
              width: 35rpx;
              height: 32rpx;
              position: absolute;
              right: 2rpx;
              top:-11rpx;
            }
            .bj{
              width: 60rpx;
              height: 60rpx;
              border-radius: 31rpx;
              background-color: #f6f7fb;
              border: #cccccc 2rpx solid;
              font-size: 34rpx;
              color: #d4d4d4;
              display: flex;
              flex-direction: row;
              align-items: center;
              justify-content: center;
            }
            .bj1{
              color: #ffb14a;
              border: #ffb14a 2rpx solid;
              background-color: #ffffff;
            }
            .bj2{
              width: 74rpx;
              height: 74rpx;
              border-radius: 38rpx;
              background-color: #ffb14a;
              font-size: 40rpx;
              color: #ffffff;
              border: #ffb14a 2rpx solid;
            }
          }
          .dx{
            position: absolute;
            width: 506rpx;
            height: 3rpx;
            background-color: #cccccc;
            z-index: 0;
            left: 50%;
            margin-left: -280rpx;
          }
          .dx1{
            position: absolute;
            height: 3rpx;
            background-color: #ff7800;
            z-index: 1;
            left: 50%;
            margin-left: -280rpx;
          }
        }
        /*.SignFor{
          float: left;
          margin-top: -72rpx;
          .SignF{
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            .SignW{
              width: 74rpx;
              height: 74rpx;
              display: flex;
              flex-direction: row;
              align-items: center;
              justify-content: center;
              z-index: 1;
              .bj{
                width: 60rpx;
                height: 60rpx;
                border-radius: 31rpx;
                background-color: #f6f7fb;
                border: #cccccc 2rpx solid;
                font-size: 34rpx;
                color: #d4d4d4;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
              }
            }

          }
          .dx{
            !*position: absolute;
            width: 90%;*!
            height: 3rpx;
            background-color: #ff7800;
            !*z-index: 0;
            left: 50%;*!
            margin-left: 10rpx;
            margin-right: 10rpx;
            margin-top: -37rpx;
            !*margin-left: -45%;*!
          }
        }*/
      }
      .SignButton{
        width: 580rpx;
        height: 88rpx;
        border-radius: 10rpx;
        font-size: 34rpx;
        color: #fff3f3;
        margin-left: auto;
        margin-right: auto;
        line-height: 88rpx;
        text-align: center;
        background-color: #ff800b;
        margin-bottom: 40rpx;
      }
      .SignText{
        text-align: center;
        font-size: 28rpx;
        line-height: 28rpx;
        color: #333333;
        view:first-child{
          margin-bottom: 20rpx;
        }
        view:last-child{
          margin-bottom: 50rpx;
        }
      }
      .SignAdv{
        width: 620rpx;
        height: 180rpx;
        border-radius: 30rpx;
        overflow: hidden;
        image{
          width: 620rpx;
          height: 180rpx;
          background-color: #aaaaaa;
        }
      }
    }
    .SignClose{
      position: absolute;
      top:-28rpx;
      right: -28rpx;
      width: 62rpx;
      height: 62rpx;
      image{
        width: 62rpx;
        height: 62rpx;
      }

    }
  }
}
.Advertisement{
  .AdverList{
    padding-top: 30rpx;
    padding-bottom: 150rpx;
    .Adver{
      width: 670rpx;
      height: 210rpx;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 20rpx;
      border-radius: 30rpx;
      overflow: hidden;
      image{
        width: 670rpx;
        height: 210rpx;
        background-color: #aaaaaa;
      }
    }
  }
  .AdvreMore{
    position: fixed;
    bottom:0;
    width: 100%;
    height: 150rpx;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: #ffffff;
    padding-left: 40rpx;
    padding-right: 40rpx;
    box-sizing: border-box;
    .blackHome{
      width: 518rpx;
      height: 90rpx;
      border-radius: 45rpx;
      border: #ff7800 3rpx solid;
      font-size: 30rpx;
      color: #fe7800;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
    }
    .Count{
      width: 150rpx;
      height: 150rpx;
      image{
        width: 150rpx;
        height: 150rpx;
      }
    }
  }
}
.AddDesktop{
  padding: 40rpx 37rpx;
  .AddDesktopTitle{
    font-size: 30rpx;
    font-weight: bold;
    color: #333333;
    margin-bottom: 40rpx;
  }
  .AddStep{
    .AddStep-Exp{
      font-size: 28rpx;
      color: #999999;
      margin-bottom: 74rpx;
    }
    .AddStep-pic{
      margin-left: auto;
      margin-right: auto;
      width: 471rpx;
      height: 234rpx;
      margin-bottom: 70rpx;
      image{
        width: 471rpx;
        height: 234rpx;
      }
    }
  }
}
.FastOpen{
  padding-top: 80rpx;
  .FastOpenTitle{
    font-size: 42rpx;
    color: #333333;
    text-align: center;
    line-height: 60rpx;
  }
  .FastOpen-pic{
    width: 620rpx;
    height: 790rpx;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30rpx;
    overflow: hidden;
    image{
      width: 620rpx;
    }
  }
  .FastOpenButton{
    width: 620rpx;
    height: 90rpx;
    border-radius: 46rpx;
    background-color: #6992f6;
    font-size: 30rpx;
    color: #ffffff;
    text-align: center;
    line-height: 90rpx;
    margin-left: auto;
    margin-right: auto;
  }
}
.weui-loadmore {
  width: 65%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20rpx;
  padding-bottom: 20rpx;
  line-height: 1.6em;
  font-size: 14px;
  text-align: center;
}
.weui-loadmore__tips {
  display: inline-block;
  vertical-align: middle;
}
.weui-loadmore_line {
  border-top: 1px solid #E5E5E5;
  margin-top: 2.4em;
}
.weui-loadmore__tips_in-line {
  position: relative;
  top: -0.9em;
  padding: 0 .55em;
  background-color: #f2f2f2;
  color: #999999;
}
.weui-loadmore__tips_in-dot {
  position: relative;
  padding: 0 .16em;
  width: 4px;
  height: 1.6em;
}
.weui-loadmore__tips_in-dot:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -2px;
  width: 4px;
  height: 4px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #E5E5E5;
}